<!-- 带服务商店铺头部布局入口 -->
<template>
    <div>
        <common-top is-type="qiao"></common-top>
        <shop-header></shop-header>
        <div class="shop-box">
            <nuxt />
        </div>
        <footer-btm></footer-btm>
    </div>
</template>

<script lang="ts">
import {Component, Vue} from 'nuxt-property-decorator'
import commonTop from '../components/common/top.vue'
import shopHeader from '../components/shop/header.vue'
import footerBtm from '../components/common/footer.vue'
import {setClassid} from '~/method'
@Component({
    components: {
        footerBtm,
        commonTop,
        shopHeader
    }
})
export default class ShopLayout extends Vue {
    mounted () {
        /* eslint-disable no-new */
        setClassid(this.$store, false)
    }
}
</script>

<style lang="scss" scoped>
    .shop-box{
        height: 100%;
        background-color: #f0f0f0;
        padding: {
            top: 24px;
            bottom: 78px;
        };
    }
</style>
